//设置全局变量接收 layui 组件
var element, $;
//layui.use方法在页面加载后执行
layui.use(function () {
    //将 layui 组件赋值到全局变量，方面使用
    element = layui.element;
    $ = layui.$;

    // 导航点击事件
    element.on('nav(id_left_nav)', function (elem) {
        var layId = elem.attr('lay-id');
        var url = elem.attr('url');
        var title = elem.text().replace(/\s*/g, '') || layId;
        addOrChangeTab(layId, title, url);
    });
});


// 添加新的 Tab 页面并加载 iframe
function addOrChangeTab(layId, title, url) {
    if (!layId) {
        return;
    }

    // 判断 Tab 是否已存在
    var isExist = false;
    $('.layui-tab-item iframe').each(function () {
        if ($(this).attr('fid') === layId) {
            isExist = true;
            element.tabChange('id_main_tab', layId);
        }
    });

    // 如果 Tab 不存在则新建一个
    if (!isExist) {
        var content = `<iframe fid="${layId}" src="${url}" frameborder="0" width="100%" height="96%"></iframe>`;
        element.tabAdd('id_main_tab', {
            title: title,
            content: content,
            id: layId
        });
        element.tabChange('id_main_tab', layId);
    }
}
